import { Layout, Header, Main, Footer, Aside } from "./layout";
import Col from "vant/lib/col";
import "vant/lib/col/index.css";
import Row from "vant/lib/row";
import "vant/lib/row/index.css";


import BoxCenter from './box-center';
import SingleCenter from './single-center';
import BoxSkin from './box-skin';
import Launch from './launch';
import FootNav from './foot-nav';
const components = {
  Layout,
  Header,
  Aside,
  Main,
  Footer,
  FootNav,
  Launch,
  BoxSkin,
  SingleCenter,
  BoxCenter,
  CRow: Row,
  CCol: Col,
};

const install = (app) => {
  Object.keys(components).forEach((key) => {
    if (["CRow", "CCol"].includes(key)) {
      app.component(key, components[key]);
    } else {
      app.component(components[key]["name"], components[key]);
    }
  });
};

const Mui = {
  install,
};
export default Mui;
